<template>
    <div class="common">
        <div>
            <img src="/简介.png" alt="" srcset="">
        </div>
        <div class="buts">
            <a-button class="but" type="primary" @click="pushs()">体验项目</a-button>
        </div>
    </div>
    
</template>

<script setup>
import {useRouter} from 'vue-router'

const router = useRouter()
const pushs = ()=>{
    router.push('/home/index')
}

</script>

<style scoped>
.common{
    width: 100vw;
    height: 100vh;
    text-align: center;
    background-color: #f5f5f5;
}
    img{
        height: 92vh;
    }
    .buts{
        background-color: white;
        height: 8vh;
        line-height: 8vh;
    }
    .but{
        height: 4vh;
        font-size: 0.2rem;
        width: 7vw;
        border-radius: 8px;
    }
</style>